{% extends "base.html" %}
{% load url from future %}

{% block title %}{{ SITE_NAME }} | Вход на сайт{% endblock %}

{% block page-header-block %}
	<div class="page-header"><h1>Вход на сайт</h1></div>
{% endblock page-header-block %}

{% block breadcrumb %}
<div class="hgroup">
	<ul class="breadcrumb pull-right">
	    <li><a href="/">Главная</a> <span class="divider">/</span></li>
	    <li class="active">Вход</li>
	</ul>
</div>
{% endblock breadcrumb %}

{% block content %}
	{% if user.is_authenticated %}
	<div class="col-lg-3">
		<p>Вы вошли на сайт под именем <a href="{{ user.get_absolute_url }}"><strong>{{ user.first_name }} {{ user.last_name }}</strong></a>.</p>
		<form class="form-horizontal pull-right" action="{% url 'auth_logout' %}" method="post">
	    {% csrf_token %}
		    <p><button type="submit" class="btn btn-primary"><i class="icon-off"></i> Выйти</button></p>
		</form>
	</div>
{% else %}
	<div class="col-lg-5">
	    <form class="form-horizontal" method="post" action="{% url 'auth_login' %}">
	        {% csrf_token %}
	        <fieldset>
	        <!-- <legend>Вход на сайт</legend> -->
	        <input type="hidden" name="next" value="{{ next }}">

	        {% if form.non_field_errors %}
	            <div class="alert alert-danger" style="margin-top:10px;">
	            	<button type="button" class="close" data-dismiss="alert">&times;</button>
	                <p>{{ form.non_field_errors|join:", " }}</p>
	            </div>
	        {% endif %}

	        <div class="form-group{% if form.username.errors %} has-error{% endif %}">
	            <label class="control-label col-lg-2 col-lg-offset-1" for="{{ form.username.id_for_label }}">Логин</label>
	                <div class="input-group col-lg-9">
	                    <span class="input-group-addon">
	                        <i class="icon-user"></i>
	                    </span>
	                    <input maxlength="{{ form.fields.username.max_length }}" name="{{ form.username.html_name }}" id="{{ form.username.id_for_label }}" type="text" class="form-control"{% if form.username.value %} value="{{ form.username.value }}"{% endif %} required autofocus placeholder="{{ form.username.help_text }}">
	                </div>
	            <span class="help-block pull-right">{% if form.username.errors %}{{ form.username.errors|join:", " }}{% else %}{{ form.username.help_text }}{% endif %}</span>
	        </div>

	        <div class="form-group{% if form.password.errors %} has-error{% endif %}">
	        <label class="control-label col-lg-2 col-lg-offset-1" for="{{ form.password.id_for_label }}">Пароль</label>
	            <div class="input-group col-lg-9">
	                <div class="input-group-addon">
	                    <i class="icon-lock"></i>
	                </div>
	                <input id="{{ form.password.id_for_label }}" name="{{ form.password.html_name }}" type="password" class="form-control" required placeholder="{{ form.password.help_text }}">
	            </div>
	        <span class="help-block pull-right">{% if form.password.errors %}{{ form.password.errors|join:", " }}{% else %}{{ form.password.help_text }}{% endif %}</span>
	        </div>

	        <div class="form-actions pull-right">
	            <button type="submit" class="btn btn-primary"><i class="icon-user icon-white"></i> Войти</button>
	            <a href="#" id="button_toggle" class="btn btn-default"><i class="icon-question-sign icon-white"></i> Помощь <i class="icon-double-angle-right"></i></a>
	        </div>

	        <div class="col-lg-11 col-lg-offset-1" style="margin-top: 10px;">
	            <a href="{% url "userprofiles_registration" %}"><i class="icon-forward"></i> Зарегистрироваться</a>
	            <a href="{% url "auth_password_reset" %}"><i class="icon-unlock"></i> Я забыл пароль!</a>
	        </div>

	        </fieldset>
	    </form>

	</div> <!-- <div class="col-lg-5"> -->

<div id="shown_block" class="col-lg-4 col-lg-offset-1" style="display: none;">
    <div class="panel panel-warning" >
        <div class="panel-heading">
            <h3 class="panel-title">Зачем мне регистрироваться?</h3>
        </div>
        <div class="panel-body">
            Вороне где-то бог послал кусочек сыру;
        ‎На ель Ворона взгромоздясь,
        Позавтракать было совсем уж собралась,
        ‎Да позадумалась, а сыр во рту держала.
        ‎На ту беду, Лиса близехонько бежала;
        ‎Вдруг сырный дух Лису остановил:
        Лисица видит сыр, — Лисицу сыр пленил,
        Плутовка к дереву на цыпочках подходит;
        Вертит хвостом, с Вороны глаз не сводит
        ‎И говорит так сладко, чуть дыша:
        ‎«Голубушка, как хороша!
        ‎Ну что за шейка, что за глазки!
        ‎Рассказывать, так, право, сказки!
        ‎Какие перышки! какой носок!
        </div>
    </div>
</div>
	{% endif %}

{% endblock %}
